<template>
    <div class="help-wrap">
        <div class="search-wrap flex">
            <i class="iconfont icon-search"></i>
            <input type="text" placeholder="搜索问题" v-model="search.name">
            <!--<l-button type="search">搜索</l-button>-->
        </div>
        <div class="wp help-list">
            <dl v-for="v in list" :key="v.id" v-show="v.question.includes(search.name)">
                <dt>{{v.question}}</dt>
                <dd>
                    <div class="desc">
                        <div v-html="v.answer"></div>
                    </div>
                    <!--<div><a href="">没有解决？点击联系客服</a></div>-->
                </dd>
            </dl>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'HelpList',
        data() {
            return {
                list: [],
                search: {
                    name: ''
                }
            }
        },
        async created() {
        },
        async mounted() {
            try {
                const {data} = await this.$api.qa.list()
                this.list = data
            } catch (e) {

            }
        },
        components: {},
        methods: {}
    }
</script>

<style lang="scss">
    @import "./style";
</style>
